<template>
  <div id="homepage">
   <navs></navs>
   
   <div class="container">
     <router-view></router-view>
    <!-- <contents></contents> -->
     </div>
   <audios></audios>
   <audio src="" controls loop ></audio>
   
  </div>
  
</template>

<script>
const navs = ()=>import("./nav/navs")

const contents = ()=>import("./content/contents")
const audios = ()=>import("./audios/audios")
export default {
  name: 'homepage',
  data () {
    return {
     
    }
  },
  components:{
      navs,
      contents,
      audios
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


/* .container{
  display: flex;
  justify-content: space-between;
} */
audio{
  position: fixed;
  right: 0;
  top: 400px;
}
#audios{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
</style>
